<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>小游戏页面2</title>
    <link rel="stylesheet" href="public/css/bootstrap.min.css">
    <link rel="stylesheet" href="public/css/main.css">
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="public/js/common.js"></script>
    <script src="public/js/fun.js"></script>
</head>
<body>
<div class="bodyBox d-flex justify-content-center align-items-center">
    <div class="box step1">
        <div class="title d-flex justify-content-center"><img class="w-50" src="public/imgs/youer.svg" alt="你是？"></div>

        <div class="row sexBox">
            <div class="col-6">
                <label for="man" class="sexImg d-flex align-items-end justify-content-center"><img class="w-75"
                                                                                                   src="public/imgs/man.svg"
                                                                                                   alt="男"></label>
                <input class="radio" id="man" name="sex" type="radio" value="man">
                <label for="man">小哥哥</label>

            </div>
            <div class="col-6">
                <label for="woman" class="sexImg d-flex align-items-end justify-content-center"><img class="w-75"
                                                                                                     src="public/imgs/woman.svg"
                                                                                                     alt="男"></label>
                <input class="radio" id="woman" name="sex" type="radio" value="woman">
                <label for="woman">小姐姐</label>
            </div>
            <div class="name">
                <label for="name"><input type="text" placeholder="请输入你的大名..." id="name"></label>
                <label class="tips" for="name">不超过6个字</label>
            </div>
            <div class="next"><img src="public/imgs/next.svg" alt="next" onclick="step(2)"></div>
        </div>
    </div>
    <div class="box  step2">
        <div class="title"><img class="w-50" src="public/imgs/single.svg" alt="你是否单身"></div>


        <div class="checkBox">
            <label>是
                <input class="radio" type="radio" name="sex">
            </label>
            <label>否
                <input class="radio" type="radio" name="sex">
            </label>
        </div>


        <div class="dog hide"><img src="public/imgs/dog.png" alt=""></div>
        <div class="next"><img src="public/imgs/next.svg" alt="next" onclick="step(3)"></div>
    </div>
    <div class="box  step3">
        <div class="title"><img class="w-75" src="public/imgs/most.svg" alt="选车时在意哪一点"></div>
        <div class="checkBox mb-3">
            <label>颜值突出
                <input class="radio" type="radio" name="sex">
            </label>
            <label>节能环保
                <input class="radio" type="radio" name="sex">
            </label>
            <label>空间大
                <input class="radio" type="radio" name="sex">
            </label>
            <label>配置高
                <input class="radio" type="radio" name="sex">
            </label>
        </div>
        <div class="next"><img src="public/imgs/next.svg" alt="next" onclick="step(4)"></div>
    </div>
    <div class="box  step4">
        <div class="title"><img class="w-75" src="public/imgs/like.svg" alt="你喜欢的生活方式是？"></div>
        <div class="checkBox mb-3">
            <label>颜值突出
                <input class="radio" type="radio" name="sex">
            </label>
            <label>节能环保
                <input class="radio" type="radio" name="sex">
            </label>
            <label>空间大
                <input class="radio" type="radio" name="sex">
            </label>
            <label>配置高
                <input class="radio" type="radio" name="sex">
            </label>
        </div>
        <div class="next"><a href="index3.html"><img src="public/imgs/next.svg" alt="next"></a></div>
    </div>
</div>


</body>
</html>
